<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Administration</title>
        <link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" />
        <!--[if IE 6]><link rel="stylesheet" href="../css/style.ie6.css" type="text/css" media="screen" /><![endif]-->
        <!--[if IE 7]><link rel="stylesheet" href="../css/style.ie7.css" type="text/css" media="screen" /><![endif]-->
        <sj:head jqueryui="true" jquerytheme="south-street" compressed="false"/>
        <!--        <script type="text/javascript" src="../js/jquery.js"></script>-->
        <script type="text/javascript" src="../js/script.js"></script>


        <script src="../js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css"/>

        <script type="text/javascript" src="../js/administration.js"></script>

    </head>
    <body>
        <div id="art-main">
            <div class="cleared reset-box"></div>
            <%-- navigation and header --%>
            <jsp:include page="../components/headerComponent.jsp"/>


            <div class="cleared reset-box"></div>
            <div class="art-box art-sheet">
                <div class="art-box-body art-sheet-body">
                    <div class="art-layout-wrapper">
                        <div class="art-content-layout">
                            <div class="art-content-layout-row">
                                <div class="art-layout-cell art-content">
                                    <div class="art-box art-post">
                                        <div class="art-box-body art-post-body">
                                            <div class="art-post-inner art-article">
                                                <sj:dialog autoOpen="false" closeOnEscape="true" modal="true" id="messageDialog" title="Teacher-Class Evaluation System"
                                                           buttons="{
                                                           'Close':function() {  
                                                           $('#messageDialog').dialog('close');
                                                           }
                                                           }">
                                                </sj:dialog>
                                                <div style="clear:both; float: left; width: 100%;">
                                                    <sj:tabbedpanel id="administrationTabs">
                                                        <sj:tab id="subjectOfferingTab" target="subjectOfferingDiv" label="Subject Offerings"/>
                                                        <%-- <sj:tab id="scheduleTab"  target="scheduleDiv" label="Subject Schedules"/> --%>
                                                        <sj:tab id="instructorTab"  target="instructorDiv" label="Instructors"/>
                                                        <sj:tab id="studentTab"  target="studentDiv" label="Students"/>
                                                        <sj:tab id="userTab"  target="userDiv" label="Users"/>
                                                        <sj:tab id="subjectsTab"  target="subjectDiv" label="Subjects"/>
                                                        <%-- <sj:tab id="subjectsStudentTab"  target="subjectsStudentDiv" label="Subject Class List"/> --%>
                                                        <div id="subjectOfferingDiv" style="clear:both; float: left; width: 100%;">
                                                            <div style="clear:both; margin: 0; padding: 0; float: left; width: 100%;">

                                                                <s:url id="subjectofferingurl" action="../subject offering/view"/>
                                                                <s:url id="editsubjectofferingurl" action="../subject offering/edit"/>
                                                                <s:url id="viewcollegeurl" action="../college/view~option list"/>
                                                                <sjg:grid
                                                                    id="gridSubjectOffering"
                                                                    name="gridSubjectOffering"
                                                                    caption="List of Subject Offerings"
                                                                    dataType="json"
                                                                    href="%{subjectofferingurl}"
                                                                    editurl="%{editsubjectofferingurl}"
                                                                    gridModel="subjectOfferingList"
                                                                    rowNum="20"
                                                                    rowList="10,20,30,40,50" 
                                                                    width="640"
                                                                    pager="true"
                                                                    loadingText="Requesting Data..."
                                                                    navigator="true"
                                                                    groupField="['collegeCode']"
                                                                    groupColumnShow="[true]"
                                                                    groupCollapse="true"
                                                                    groupText="['<b>{0} - {1} Subject Offering(s)</b>']"
                                                                    navigatorAddOptions="{reloadAfterSubmit:true,afterSubmit:serverErrorCheck,bSubmit:'Save',closeAfterAdd:true,width:500}"
                                                                    navigatorEditOptions="{reloadAfterSubmit:true,afterSubmit:serverErrorCheck,bSubmit:'Save',closeAfterEdit:true,width:500}"
                                                                    navigatorDeleteOptions="{reloadAfterSubmit:true,afterSubmit:deleteErrorCheck,afterComplete:deleteMessageCheck}"
                                                                    >

                                                                    <sjg:gridColumn name="subjectOfferingID"
                                                                                    index="subjectOfferingID"
                                                                                    title="Subject Offering ID"
                                                                                    hidden="true"
                                                                                    key="true"
                                                                                    />

                                                                    <sjg:gridColumn name="collegeCode"
                                                                                    index="collegeCode"
                                                                                    title="College"
                                                                                    editable="true"
                                                                                    edittype="select"
                                                                                    editoptions="{dataUrl:'%{viewcollegeurl}'}"
                                                                                    editrules="{required: true}" 
                                                                                    />

                                                                    <sjg:gridColumn name="subjectOfferingName"
                                                                                    index="subjectOfferingName"
                                                                                    title="Subject Offering Name"
                                                                                    width="250"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{size:50, maxlength: 200}"
                                                                                    />
                                                                    <sjg:gridColumn name="subjectOfferingSyFrom"
                                                                                    index="subjectOfferingSyFrom"
                                                                                    title="SY From"
                                                                                    align="center"
                                                                                    editable="true"
                                                                                    editrules="{required:true, number:true, minValue:1950, maxValue:2050}"
                                                                                    />
                                                                    <sjg:gridColumn name="subjectOfferingSyTo"
                                                                                    index="subjectOfferingSyTo"
                                                                                    title="SY To"
                                                                                    align="center"
                                                                                    editable="true"
                                                                                    editrules="{required:true, number:true, minValue:1950, maxValue:2050}"
                                                                                    />
                                                                    <sjg:gridColumn name="subjectOfferingSemester"
                                                                                    index="subjectOfferingSemester"
                                                                                    title="Semester"
                                                                                    align="center"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    edittype="select"
                                                                                    editoptions="{value:'1:1-1st Semester;2:2-2nd Semester;3:3-Summer'}"
                                                                                    />
                                                                    <sjg:gridColumn name="subjectOfferingStatus"
                                                                                    index="subjectOfferingStatus"
                                                                                    title="Status"
                                                                                    align="center"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    edittype="select"
                                                                                    editoptions="{value:'1:1-Current Offering;0:0-Previous Offering'}"
                                                                                    />
                                                                </sjg:grid>
                                                            </div>
                                                        </div><!-- subject offering div -->
                                                        <%-- <div id="scheduleDiv">
                                                             <div style="clear:both; margin: 0; padding: 0; float: left; width: 100%;">

                                                                <s:url id="subjectscheduleurl1" action="../subject schedule/view"/>
                                                                <s:url id="editsubjectscheduleurl" action="../subject schedule/edit"/>
                                                                <s:url id="viewsubjectofferingurl" action="../college/view~option list"/>
                                                                <s:url id="viewinstructornameurl" action="../instructor/view~option list"/>
                                                                <s:url id="viewsubjectofferingnameurl" action="../subject offering/view~option list"/>
                                                                <s:url id="viewsubjectcodeurl" action="../subject/view~option list"/>
                                                                <sjg:grid
                                                                    id="gridSubjectSchedule"
                                                                    name="gridSubjectSchedule"
                                                                    caption="List of Subject Schedules"
                                                                    dataType="json"
                                                                    href="%{subjectscheduleurl1}"
                                                                    editurl="%{editsubjectscheduleurl}"
                                                                    gridModel="subjectScheduleList"
                                                                    rowNum="20"
                                                                    rowList="10,20,30,40,50" 
                                                                    width="640" 
                                                                    shrinkToFit="false"
                                                                    pager="true"
                                                                    loadingText="Requesting Data..."
                                                                    groupField="['subjectOfferingFullName']"
                                                                    groupColumnShow="[true]"
                                                                    groupCollapse="true"
                                                                    groupText="['<b>{0} - {1} Subject(s)</b>']"
                                                                    navigator="true"
                                                                    navigatorDelete="true"                                                                    
                                                                    navigatorAddOptions="{reloadAfterSubmit:true,afterSubmit:serverErrorCheck,bSubmit:'Save',closeAfterAdd:true,width:500}"
                                                                    navigatorEditOptions="{reloadAfterSubmit:true,afterSubmit:serverErrorCheck,bSubmit:'Save',closeAfterEdit:true,width:500}"
                                                                    navigatorDeleteOptions="{reloadAfterSubmit:true,afterSubmit:deleteErrorCheck,afterComplete:deleteMessageCheck}"
                                                                    >

                                                                    <sjg:gridColumn name="subjectScheduleID"
                                                                                    index="subjectScheduleID"
                                                                                    title="Subject Schedule ID"
                                                                                    hidden="true"
                                                                                    key="true"
                                                                                    />


                                                                    <sjg:gridColumn name="subjectOfferingFullName"
                                                                                    index="subjectOfferingFullName"
                                                                                    title="Subject Offering Name"
                                                                                    align="left"
                                                                                    editable="true"
                                                                                    edittype="select"
                                                                                    editoptions="{dataUrl:'%{viewsubjectofferingnameurl}'}"
                                                                                    editrules="{required: true}" 
                                                                                    width="200"
                                                                                    />
                                                                    <sjg:gridColumn name="subjectCode"
                                                                                    index="subjectCode"
                                                                                    title="Subject"
                                                                                    width="60"
                                                                                    editable="true"
                                                                                    edittype="select"
                                                                                    editoptions="{dataUrl:'%{viewsubjectcodeurl}'}"
                                                                                    editrules="{required: true}" 
                                                                                    />
                                                                    <sjg:gridColumn name="subjectDescription"
                                                                                    index="subjectDescription"
                                                                                    title="Description"
                                                                                    width="170"
                                                                                    />
                                                                    <sjg:gridColumn name="totalUnits"
                                                                                    index="tatalUnits"
                                                                                    title="Units"
                                                                                    align="center"
                                                                                    width="40"
                                                                                    />
                                                                    <sjg:gridColumn name="subjectSchedule"
                                                                                    index="subjectSchedule"
                                                                                    title="Schedule"
                                                                                    width="150"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{size:50, maxlength: 200}"
                                                                                    />
                                                                    <sjg:gridColumn name="instructorFullName"
                                                                                    index="instructorFullName"
                                                                                    title="Instructor"
                                                                                    width="150"
                                                                                    align="left"
                                                                                    editable="true"
                                                                                    edittype="select"
                                                                                    editoptions="{dataUrl:'%{viewinstructornameurl}'}"
                                                                                    editrules="{required: true}" 
                                                                                    />
                                                                    <sjg:gridColumn name="scheduleStatus"
                                                                                    index="scheduleStatus"
                                                                                    title="Status"
                                                                                    width="50"
                                                                                    align="center"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    edittype="select"
                                                                                    editoptions="{value:'1:1-Open for Evaluation;0:0-Closed'}"
                                                                                    />


                                                                </sjg:grid>
                                                            </div>
                                                        </div> --%> <!-- subject schedule div -->

                                                        <div id="instructorDiv" style="clear:both; float: left; width: 100%;">
                                                            <div style="clear:both; margin: 0; padding: 0; float: left; width: 100%;">

                                                                <s:url id="instructorurl" action="../instructor/view"/>
                                                                <s:url id="editinstructorurl" action="../instructor/edit"/>
                                                                <sjg:grid
                                                                    id="gridInstructor"
                                                                    name="gridInstructor"
                                                                    caption="List of Instructors"
                                                                    dataType="json"
                                                                    href="%{instructorurl}"
                                                                    editurl="%{editinstructorurl}"
                                                                    gridModel="instructorList"
                                                                    rowNum="20"
                                                                    rowList="10,20,30,40,50" 
                                                                    groupField="['collegeCode']"
                                                                    groupColumnShow="[true]"
                                                                    groupCollapse="true"
                                                                    groupText="['<b>{0} - {1} Instructor(s)</b>']"
                                                                    width="645"
                                                                    pager="true"
                                                                    loadingText="Requesting Data..."
                                                                    navigator="true"
                                                                    navigatorAddOptions="{reloadAfterSubmit:true,afterSubmit:serverErrorCheck,bSubmit:'Save',closeAfterAdd:true,width:500}"
                                                                    navigatorEditOptions="{reloadAfterSubmit:true,afterSubmit:serverErrorCheck,bSubmit:'Save',closeAfterEdit:true,width:500}"
                                                                    navigatorDelete="false"
                                                                    >

                                                                    <sjg:gridColumn name="instructorID"
                                                                                    index="instructorID"
                                                                                    title="Instructor ID"
                                                                                    hidden="true"
                                                                                    key="true"
                                                                                    />

                                                                    <sjg:gridColumn name="instructorIDNo"
                                                                                    index="instructorIDNo"
                                                                                    title="ID Number"
                                                                                    width="35"
                                                                                    align="center"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{maxlength: 10}"
                                                                                    />
                                                                    <sjg:gridColumn name="instructorFirstName"
                                                                                    index="instructorFirstName"
                                                                                    title="First Name"
                                                                                    align="left"
                                                                                    width="65"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{maxlength: 50}"
                                                                                    />
                                                                    <sjg:gridColumn name="instructorMiddleName"
                                                                                    index="instructorMiddleName"
                                                                                    title="Middle name"
                                                                                    align="left"
                                                                                    width="65"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{maxlength: 50}"
                                                                                    />
                                                                    <sjg:gridColumn name="instructorLastName"
                                                                                    index="instructorLastName"
                                                                                    title="Last Name"
                                                                                    align="left"
                                                                                    width="65"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{maxlength: 50}"
                                                                                    />
                                                                    <sjg:gridColumn name="instructorVisible"
                                                                                    index="instructorVisible"
                                                                                    title="Status"
                                                                                    align="center"
                                                                                    width="20"
                                                                                    editable="true"
                                                                                    editrules="{required:true,number:true}"
                                                                                    edittype="select"
                                                                                    editoptions="{value:'1:1-Active;0:0-Inactive'}"
                                                                                    />
                                                                    <sjg:gridColumn name="collegeCode"
                                                                                    index="collegeCode"
                                                                                    title="College"
                                                                                    align="center"
                                                                                    width="25"
                                                                                    editable="true"
                                                                                    edittype="select"
                                                                                    editoptions="{dataUrl:'%{viewcollegeurl}'}"
                                                                                    editrules="{required: true}"
                                                                                    />
                                                                </sjg:grid>
                                                            </div>
                                                        </div><!-- instructor's div -->

                                                        <div id="studentDiv" style="clear:both; float: left; width: 100%;">
                                                            <div style="clear:both; margin: 0; padding: 0; float: left; width: 100%;">

                                                                <s:url id="studenturl" action="../student/view"/>
                                                                <s:url id="editstudenturl" action="../student/edit"/>
                                                                <s:url id="viewprogramurl" action="../program/view~option list"/>
                                                                <sjg:grid
                                                                    id="gridStudent"
                                                                    name="gridStudent"
                                                                    caption="List of Students"
                                                                    dataType="json"
                                                                    href="%{studenturl}"
                                                                    editurl="%{editstudenturl}"
                                                                    gridModel="studentList"
                                                                    rowNum="20"
                                                                    rowList="10,20,30,40,50" 
                                                                    width="640"
                                                                    pager="true"
                                                                    groupField="['programCodeRevisionName']"
                                                                    groupColumnShow="[true]"
                                                                    groupCollapse="true"
                                                                    groupText="['<b>{0} ({1} Student/s)</b>']"
                                                                    loadingText="Requesting Data..."
                                                                    navigator="true"
                                                                    navigatorAddOptions="{reloadAfterSubmit:true,afterSubmit:serverErrorCheck,bSubmit:'Save',closeAfterAdd:true,width:500}"
                                                                    navigatorEditOptions="{reloadAfterSubmit:true,afterSubmit:serverErrorCheck,bSubmit:'Save',closeAfterEdit:true,width:500}"
                                                                    navigatorDelete="false"
                                                                    >

                                                                    <sjg:gridColumn name="studentID"
                                                                                    index="studentID"
                                                                                    title="Student ID"
                                                                                    hidden="true"   
                                                                                    key="true"
                                                                                    width="35"
                                                                                    />

                                                                    <sjg:gridColumn name="studentIDNumber"
                                                                                    index="studentIDNumber"
                                                                                    title="ID Number"
                                                                                    width="35"
                                                                                    align="center"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{maxlength: 10}"
                                                                                    />
                                                                    <sjg:gridColumn name="studentFirstName"
                                                                                    index="studentFirstName"
                                                                                    title="First Name"
                                                                                    align="left"
                                                                                    width="60"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{maxlength: 50}"
                                                                                    />
                                                                    <sjg:gridColumn name="studentMiddleName"
                                                                                    index="studentMiddleName"
                                                                                    title="Middle name"
                                                                                    align="left"
                                                                                    width="60"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{maxlength: 50}"
                                                                                    />
                                                                    <sjg:gridColumn name="studentLastName"
                                                                                    index="studentLastName"
                                                                                    title="Last Name"
                                                                                    align="left"
                                                                                    width="60"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{maxlength: 50}"
                                                                                    />
                                                                    <sjg:gridColumn name="studentVisible"
                                                                                    index="studentVisible"
                                                                                    title="Status"
                                                                                    align="center"
                                                                                    width="20"
                                                                                    editable="true"
                                                                                    editrules="{required:true,number:true}"
                                                                                    edittype="select"
                                                                                    editoptions="{value:'1:1-Active;0:0-Inactive'}"
                                                                                    />
                                                                    <sjg:gridColumn name="programCodeRevisionName"
                                                                                    index="programCodeRevisionName"
                                                                                    title="Course - Major"
                                                                                    align="center"
                                                                                    width="40"
                                                                                    editable="true"
                                                                                    edittype="select"
                                                                                    editoptions="{dataUrl:'%{viewprogramurl}'}"
                                                                                    editrules="{required: true}"
                                                                                    />
                                                                </sjg:grid>
                                                            </div>
                                                        </div><!-- student's div -->

                                                        <div id="userDiv" style="clear:both; float: left; width: 100%;">
                                                            <div style="clear:both; margin: 0; padding: 0; float: left; width: 100%;">

                                                                <s:url id="userurl" action="../user/view"/>
                                                                <s:url id="edituserurl" action="../user/edit"/>
                                                                <s:url id="viewroleurl" action="../role/view~option list"/>
                                                                <sjg:grid
                                                                    id="gridUser"
                                                                    name="gridUser"
                                                                    caption="List of Users"
                                                                    dataType="json"
                                                                    href="%{userurl}"
                                                                    editurl="%{edituserurl}"
                                                                    gridModel="userList"
                                                                    rowNum="20"
                                                                    rowList="10,20,30,40,50" 
                                                                    width="640"
                                                                    pager="true"
                                                                    groupField="['roleName']"
                                                                    groupColumnShow="[true]"
                                                                    groupCollapse="true"
                                                                    groupText="['<b>{0} {1} User(s)</b>']"
                                                                    loadingText="Requesting Data..."
                                                                    navigator="true"
                                                                    navigatorAddOptions="{reloadAfterSubmit:true,afterSubmit:serverErrorCheck,bSubmit:'Save',closeAfterAdd:true,width:500}"
                                                                    navigatorEditOptions="{reloadAfterSubmit:true,afterSubmit:serverErrorCheck,bSubmit:'Save',closeAfterEdit:true,width:500}"
                                                                    navigatorDelete="false"
                                                                    >

                                                                    <sjg:gridColumn name="userID"
                                                                                    index="userID"
                                                                                    title="Student ID"
                                                                                    hidden="true"   
                                                                                    key="true"
                                                                                    width="35"
                                                                                    />

                                                                    <sjg:gridColumn name="userIDNumber"
                                                                                    index="userIDNumber"
                                                                                    title="ID Number"
                                                                                    width="35"
                                                                                    align="center"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{maxlength: 10}"
                                                                                    />
                                                                    <sjg:gridColumn name="userFirstName"
                                                                                    index="userFirstName"
                                                                                    title="First Name"
                                                                                    align="left"
                                                                                    width="60"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{maxlength: 50}"
                                                                                    />
                                                                    <sjg:gridColumn name="userMiddleName"
                                                                                    index="userMiddleName"
                                                                                    title="Middle name"
                                                                                    align="left"
                                                                                    width="60"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{maxlength: 50}"
                                                                                    />
                                                                    <sjg:gridColumn name="userLastName"
                                                                                    index="userLastName"
                                                                                    title="Last Name"
                                                                                    align="left"
                                                                                    width="60"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{maxlength: 50}"
                                                                                    />
                                                                    <sjg:gridColumn name="userVisible"
                                                                                    index="userVisible"
                                                                                    title="Status"
                                                                                    align="center"
                                                                                    width="20"
                                                                                    editable="true"
                                                                                    editrules="{required:true,number:true}"
                                                                                    edittype="select"
                                                                                    editoptions="{value:'1:1-Active;0:0-Inactive'}"
                                                                                    />
                                                                    <sjg:gridColumn name="collegeCode"
                                                                                    index="collegeCode"
                                                                                    title="College"
                                                                                    align="center"
                                                                                    width="40"
                                                                                    editable="true"
                                                                                    edittype="select"
                                                                                    editoptions="{dataUrl:'%{viewcollegeurl}'}"
                                                                                    editrules="{required: true}"
                                                                                    />
                                                                    <sjg:gridColumn name="roleName"
                                                                                    index="roleName"
                                                                                    title="Role"
                                                                                    align="center"
                                                                                    width="40"
                                                                                    editable="true"
                                                                                    edittype="select"
                                                                                    editoptions="{dataUrl:'%{viewroleurl}'}"
                                                                                    editrules="{required: true}"
                                                                                    />
                                                                </sjg:grid>
                                                            </div>
                                                        </div><!-- user's div -->

                                                        <div id="subjectDiv" style="clear:both; float: left; width: 100%;">
                                                            <div style="clear:both; margin: 0; padding: 0; float: left; width: 100%;">

                                                                <s:url id="subjecturl" action="../subject/view~administration"/>
                                                                <s:url id="editsubjecturl" action="../subject/edit"/>
                                                                <%--<s:url id="viewcollegeurl" action="../college/view~option list"/>--%>
                                                                <sjg:grid
                                                                    id="gridSubject"
                                                                    name="gridSubject"
                                                                    caption="List of Subjects"
                                                                    dataType="json"
                                                                    href="%{subjecturl}"
                                                                    editurl="%{editsubjecturl}"
                                                                    gridModel="subjectList"
                                                                    rowNum="20"
                                                                    rowList="10,20,30,40,50" 
                                                                    width="640"
                                                                    pager="true"
                                                                    loadingText="Requesting Data..."
                                                                    navigator="true"
                                                                    navigatorAddOptions="{reloadAfterSubmit:true,afterSubmit:serverErrorCheck,bSubmit:'Save',closeAfterAdd:true,width:500}"
                                                                    navigatorEditOptions="{reloadAfterSubmit:true,afterSubmit:serverErrorCheck,bSubmit:'Save',closeAfterEdit:true,width:500}"
                                                                    navigatorDelete="false"
                                                                    >

                                                                    <sjg:gridColumn name="subjectID"
                                                                                    index="subjectID"
                                                                                    title="Subject ID"
                                                                                    hidden="true"
                                                                                    key="true"
                                                                                    />

                                                                    <sjg:gridColumn name="subjectName"
                                                                                    index="subjectName"
                                                                                    title="Subject"
                                                                                    width="80"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{maxlength: 200}"
                                                                                    />
                                                                    <sjg:gridColumn name="subjectDescription"
                                                                                    index="subjectDescription"
                                                                                    title="Description"
                                                                                    align="center"
                                                                                    width="250"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    editoptions="{size:50, maxlength: 500}"
                                                                                    />
                                                                    <sjg:gridColumn name="subjectStatus"
                                                                                    index="subjectStatus"
                                                                                    title="Status"
                                                                                    align="center"
                                                                                    width="65"
                                                                                    editable="true"
                                                                                    editrules="{required:true, number:true}"
                                                                                    edittype="select"
                                                                                    editoptions="{value:'1:1-Active;0:0-Inactive/Deleted'}"
                                                                                    />
                                                                    <sjg:gridColumn name="subjectLecUnits"
                                                                                    index="subjectLecUnits"
                                                                                    title="Lec Unit/s"
                                                                                    align="center"
                                                                                    width="80"
                                                                                    editable="true"
                                                                                    editrules="{required:true, number:true}"
                                                                                    editoptions="{minValue:0, maxValue:9}"
                                                                                    />
                                                                    <sjg:gridColumn name="subjectLabUnits"
                                                                                    index="subjectLabUnits"
                                                                                    title="Lab Unit/s"
                                                                                    align="center"
                                                                                    width="80"
                                                                                    editable="true"
                                                                                    editrules="{required:true,number:true}"
                                                                                    editoptions="{minValue:0, maxValue:9}"
                                                                                    />
                                                                    <sjg:gridColumn name="subjectType"
                                                                                    index="subjectType"
                                                                                    title="Type"
                                                                                    align="center"
                                                                                    width="60"
                                                                                    editable="true"
                                                                                    editrules="{required:true}"
                                                                                    edittype="select"
                                                                                    editoptions="{value:'1:1-Lec Only;2:2-With Lab'}"
                                                                                    />
                                                                </sjg:grid>
                                                            </div>
                                                        </div><!-- subjects div -->

                                                        <%-- <div id="subjectsStudentDiv" style="clear:both; float: left; width: 100%;">
                                                             <div style="clear:both; margin: 0; padding: 0; float: left; width: 100%;">

                                                                <s:url id="subjectstudenturl" action="../subject student/view~administration"/>
                                                                <s:url id="editsubjectstudenturl" action="../subject student/edit"/>
                                                                <s:url id="viewschedulenameurl" action="../subject schedule/view~option list"/>
                                                                <s:url id="viewstudentnameurl" action="../student/view~option list"/>
                                                                <sjg:grid
                                                                    id="gridClassList"
                                                                    name="gridClassList"
                                                                    caption="Subject Class List"
                                                                    dataType="json"
                                                                    href="%{subjectstudenturl}"
                                                                    editurl="%{editsubjectstudenturl}"
                                                                    gridModel="subjectStudentList"
                                                                    rowNum="20"
                                                                    rowList="10,20,30,40,50" 
                                                                    width="640"
                                                                    pager="true"
                                                                    groupField="['subjectOfferingFullName']"
                                                                    groupColumnShow="[true]"
                                                                    groupCollapse="true"
                                                                    groupText="['<b>{0} ({1} Student/s)</b>']"
                                                                    loadingText="Requesting Data..."
                                                                    navigator="true"
                                                                    navigatorAddOptions="{reloadAfterSubmit:true,afterSubmit:serverErrorCheck,bSubmit:'Save',closeAfterAdd:true,width:500}"
                                                                    navigatorEditOptions="{reloadAfterSubmit:true,afterSubmit:serverErrorCheck,bSubmit:'Save',closeAfterEdit:true,width:500}"
                                                                    navigatorDeleteOptions="{reloadAfterSubmit:true,afterSubmit:deleteErrorCheck,afterComplete:deleteMessageCheck}"
                                                                    >

                                                                    <sjg:gridColumn name="subjectStudentID"
                                                                                    index="subjectStudentID"
                                                                                    title="Student Subject ID"
                                                                                    hidden="true"
                                                                                    key="true"
                                                                                    />

                                                                    <sjg:gridColumn name="subjectOfferingFullName"
                                                                                    index="subjectOfferingFullName"
                                                                                    title="Subject"
                                                                                    width="150"
                                                                                    editable="true"
                                                                                    edittype="select"
                                                                                    editoptions="{dataUrl:'%{viewschedulenameurl}'}"
                                                                                    editrules="{required: true}"
                                                                                    />
                                                                    <sjg:gridColumn name="studentIDNumber"
                                                                                    index="studentIDNumber"
                                                                                    title="ID Number"
                                                                                    align="center"
                                                                                    width="50"
                                                                                    editable="false"
                                                                                    />
                                                                    <sjg:gridColumn name="studentFullName"
                                                                                    index="studentFullName"
                                                                                    title="Student"
                                                                                    align="left"
                                                                                    width="80"
                                                                                    editable="true"
                                                                                    edittype="select"
                                                                                    editoptions="{dataUrl:'%{viewstudentnameurl}'}"
                                                                                    />
                                                                    <sjg:gridColumn name="programCode"
                                                                                    index="programCode"
                                                                                    title="Course"
                                                                                    align="center"
                                                                                    width="50"
                                                                                    editable="false"
                                                                                    />
                                                                </sjg:grid>
                                                            </div>
                                                        </div>--%><!-- subject's student div -->

                                                    </sj:tabbedpanel>
                                                </div>



                                            </div>
                                            <div class="cleared"></div>
                                        </div>
                                    </div>
                                    <div class="cleared"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cleared"></div>
                    <%-- footer --%>
                    <jsp:include page="../components/footerComponent.jsp"/>
                    <div class="cleared"></div>
                </div>
            </div>
            <div class="cleared"></div>
        </div>
    </body>
</html>